<template>
    <div>
        <plus></plus>
        <hr>
        <reduce></reduce>
    </div>
    
</template>


<script>
    import plus from "./plus"
    import reduce from './reduce'
    export default {
        name: "counter",
        components:{
            plus,
            reduce
        }
    }
</script>

<style>
    button{
        cursor: pointer;
    }
    button{
        margin: 10px;
    }

</style>